﻿/* DEFAULTS
----------------------------------------------------------*/
body { font-size: 12px; font-family: 微软雅黑 宋体 隶书; width: 1250px; margin: 0px auto; padding: 0px; color: #696969;}
a:link, a:visited { color: #FF9A00; text-decoration: none; }
a:hover { color: #FF9A00; text-decoration: underline; }
a:active { color: #FF9A00; }
a.disable { cursor: default; color: #333333; text-decoration: none; }
img { border: 0; }
div { padding: 0px; }
hr { height: 1px; background-color: #ccc; border: 0px; color: #ccc; }
#ie6-warning { width: 100%; background: #ffffe1; padding: 5px 0; font-size: 14px; display: none; }
#ie6-warning p { width: 1000px; margin: 0 auto; }
/*div { scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #FF9A00; scrollbar-darkshadow-color: #FF9A00; scrollbar-highlight-color: #FF9A00; scrollbar-3dlight-color: #FF9A00; scrollbar-shadow-color: #FF9A00; scrollbar-track-color: #FFFFFF; }
::-webkit-scrollbar-track-piece { background-color: #fff; }
::-webkit-scrollbar { width: 15px; height: 8px; }
::-webkit-scrollbar-thumb { height: 30px; background-color: #FF9A00; outline: 2px solid #fff; outline-offset: -2px; border: 2px solid #fff; }*/

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 5px 5px; padding: 0px; border: 1px solid #ccc; height: auto; }
legend { font-size: 14px; font-weight: 600; margin-left: 10px; color:#696969; }
input[type="text"], input[type="password"], textarea { border: 1px solid #ccc; color: #505050; }
input[type="checkbox"] { border: 0px none #000; }
div.accountInfo { width: 42%; display: inline-block; }
input.button { color: White; background-color: #FF9A00; width: 100px; height: 22px; text-align: center; vertical-align: middle; border: 0px; font-size: 12px; cursor: pointer; font-weight: bold; border-radius: 3px;}
.linkbutton { font-size: 12px; text-decoration: none; white-space:nowrap; }
.linkbutton:hover { text-decoration: none; }
select { border: 1px solid #ccc; padding-bottom: 1px; padding-top: 1px; }
/* MISC  
----------------------------------------------------------*/

.clear { border: medium none; clear: both; float: none; font-size: 0; height: 0; line-height: 0; width: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page { width: 1248px; height: auto; display: block; background-color: #fff; margin: 0px auto 0px auto; padding: 0px; border: 1px solid #FF9A00; }
.header { margin: 0px; display: inline-block; padding: 0px; background: #FF9A00; width: 1248px; height: 80px; }
.header .title { margin: 13px auto 14px 20px; padding: 0px; float: left; }
.header .title span { display: inline-block; font-weight: bold; padding: 0px; margin: 0px; color: #f9f9f9; line-height: 24px; font-size: 24px; }
.header .loginDisplay { font-size: 12px; float: right; text-align: right; margin: 5px 10px 20px auto; color: White; }
.header .loginDisplay a { color: white; }
.header div.menu { padding: 0px; margin: 0px; width: 1248px; background-color: #A66400; display: inline-block; }
div.main { padding: 0px; margin: 4px 4px 8px 4px; height: auto; width: 1240px; display: inline-block; }
div.footer { color: #4e5766; margin: 10px auto 0px auto; text-align: center; line-height: 22px; width: 1248px; padding: 0px; display: block; }
.aspNetHidden { height: 0px; display: block; }
.failurenotification { color: Red; font-size: 12px; display: inline-block; margin-left: 10px; letter-spacing: 1px; }
div.buttonscontainer { margin: 10px 10px; vertical-align: middle; display: inline-block; width: 98%; }
div.buttonscontainer span.msg { color: Red; font-size: 12px; margin-left: 10px; }
div.listdatacontainer { width: 1220px; margin: 0px 5px 5px 5px; }
table {border-collapse:collapse;}
table thead tr { font-size: 12px; font-weight: bold; text-align: left; }
table tr th { font-size: 12px; font-weight: bold; text-align: left; height: 22px; white-space:nowrap;word-break: keep-all;}
table tbody tr td { font-size: 12px; text-align: left; height: 18px; vertical-align:middle;}
table.listdata { border: 1px solid #A66400; margin: 0px auto 0px 5px; }
table.listdata tr{ height:18px;}
table.listdata th { border: 1px solid #A66400; text-align: center; vertical-align: middle; background-color: #FF9A00; color: #fff; }
table.listdata td { border: 1px solid #A66400; white-space:nowrap; }
table.listdata2 { border: 1px solid #A66400; margin: 5px auto 0px 5px; }
table.listdata tr{ height:18px;}
table.listdata2 th { border: 1px solid #A66400; text-align: center; vertical-align: middle; background-color: #6C4100; color: #fff; }
table.listdata2 td { border: 1px solid #A66400; white-space:nowrap; }
table.listdata3 { border: 1px solid #A66400; margin: 0px auto 0px 5px; }
table.listdata3 th { border: 1px solid #A66400; text-align: center; vertical-align: middle; background-color: #FF9A00; color: #fff; }
table.listdata3 td { border: 1px solid #A66400; white-space:normal; line-height:20px; }
table.listdata tr td span{ white-space:nowrap; height:16px; line-height:16px; display:inline-block; }
table.listdata2 tr td span.shortcontent{ white-space:nowrap; height:16px; line-height:16px; display:inline-block; }
table.listdata3 tr td span{ white-space:normal; display:inline-block; }
table.listdata3 tr td p{ white-space:normal; display:inline-block; margin:0px; padding:0px; }
.expand { border: 0px; cursor: pointer; width: 12px; height: 14px; line-height:14px; background: transparent url(../../images/arrow.png) -1px -16px no-repeat;margin:0px 0px 0px 0px;}
.collapse { border: 0px; cursor: pointer; width: 12px; height: 14px; line-height:14px; background: transparent url(../../images/arrow.png) -1px 0px no-repeat;margin:0px 0px 0px 0px;}
#alertmsg { margin: 10px 10px 10px 10px; padding-left: 20px; padding-right: 20px; display: none; }
#errormsg { margin: 10px 10px 10px 10px; padding-left: 20px; padding-right: 20px; display: none; }
div.messagebox { margin: 10px auto 5px 0px; }
div.messagebox span { float: left; margin-left: 10px; }
div.contentinfieldset { margin: 10px; overflow: hidden; height: auto; padding: 5px; }
div.groupnamecontainer{ background-color: #fff; color:#FF9A00; display:block; padding-top: 5px; padding-bottom:5px; white-space:nowrap; margin-bottom:8px; text-align:center; background: url(JUI/images/rounded.jpg) no-repeat; height:27px; width:60px;}
/* PAGE ELEMENTS
----------------------------------------------------------*/

div.pagetitle { margin: 0px; border-bottom: 2px solid #FF9A00; width: 1240px; height: 30px; line-height: 18px; display: inline-block; margin-bottom: 5px; }
div.pagetitle span { font-size: 16px; display: inline-block; margin: 0px auto 0px 0px; font-weight: bold; letter-spacing: 1px; background-color: #FF9A00; color: #fff; vertical-align: middle; padding: 7px 25px 5px 25px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
div#loginform { width: 1130px; margin: 5px 50px; font-size: 14px; letter-spacing: 1px; display: inline-block; }
div#loginform table { border: 0px; margin-bottom: 5px; }
div.footer span.col1 { }
div.footer span.col2 { margin-left: 20px; margin-right: 20px; }
div.options { width: 1220px; margin: 10px 5px 5px 5px; height: 24px; vertical-align: bottom; display: inline-block; }
div.options * { float: left; margin-left: 10px; }
div.pagingcontainer { width: 1220px; margin: 5px 5px 5px 5px; height: 22px; line-height: 22px; text-align: right; display: inline-block; border-bottom: 1px solid #ccc; }
div.kpiform { width: 1210px; margin: 5px 10px; display: block; height: auto; overflow: hidden; }

div.menu { width: 1248px; height: 30px; padding: 0px; margin: 0px; display: inline-block; }
div.menu div.menubox { padding: 0px; margin: 0px 0px 0px 15px; display: inline-block; height: 30px; }
div.menu div.menubox div.menuitem { display: inline-block; margin: 0px 5px; padding: 0px; text-align: center; vertical-align: middle; float: left; height: 30px; width: 110px; }
div.menu div.menubox div.menuitem a { color: #fff; padding: 0px; margin: 5px 15px; font-size: 14px; display: inline-block; }
div.menu div.menubox div.menuitem span { display: inline-block; width: 110px; margin: 0px; padding: 0px; background-color: #A66400; border: #A66400 1px solid; height: 28px; vertical-align: middle; }
div.menu div.menubox div.menuitem span.mouseon { display: inline-block; width: 110px; margin: 0px; padding: 0px; background-color: #fff; border: #A66400 1px solid; height: 28px; vertical-align: middle; }
div.menu div.menubox div.menuitem span.mouseon a { color: #A66400; text-decoration: underline; }
div.menu div.menubox div.menuitem span.activeitem { display: inline-block; width: 110px; margin: 0px; padding: 0px; background-color: #fff; border: #A66400 1px solid; border-bottom-width:3px; height: 28px; vertical-align: middle; }
div.menu div.menubox div.menuitem span.activeitem a { color: #A66400; text-decoration: none; }
div.menu div.menubox div.menuitem span.activeitem a:hover { text-decoration: underline; }
div.menu div.menubox div.menuitem div.submenucontainer { display: none; width: 110px; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; z-index: 100; }
div.menu div.menubox div.menuitem div.submenucontainer span { display: block; width: 110px; }

div.detail { margin: 10px 20px 5px 20px; }
div.detail_item { margin: 0px 0px 12px 0px; letter-spacing: 1px; font-size: 14px; white-space: normal; word-break: break-all; word-wrap: break-word; overflow: hidden; }
div.detail_item span.col { margin-right: 10px; }
.contentbox { font-size: 12px; line-height: 20px; padding: 5px 5px; border: 1px dashed #ccc; color: #727272; width: 750px; background-color: #F7F7F7; word-break: break-all; word-wrap: break-word; overflow:hidden;white-space:normal; }
.progresscontentbox { font-size: 12px; line-height: 20px; padding: 5px 5px; border: 1px dashed #ccc; color: #727272; width: 750px; background-color: #F3F3F3; word-break: break-all; word-wrap: break-word; overflow:hidden;white-space:normal; }
.remarkbox { font-size: 12px; line-height: 20px; padding: 5px 5px; border: 1px dashed #ccc; color: #727272; width: 750px; background-color: #F0F0F0; word-break: break-all; word-wrap: break-word; overflow:hidden;white-space:normal; }

div.progressform { display: block; margin: 10px 15px; }
.statusfieldcontainer { width: 580px; min-height: 240px; margin: 5px 6px 5px 6px; font-size: 16px; float: left; }
div.statuscontent { margin: 10px 20px; line-height: 20px; }
div.statuscontent div { margin-bottom: 5px; }
.date { margin-left: 20px; }

div#groupnavcontainer { overflow: auto; }
div#groupnavcontainer div.groupcategory { display:inline-block; font-size: 16px; font-weight: bold; cursor: pointer; margin: 0px 0px 0px 10px; background-color:#fff; color:#fff; background: url(JUI/images/roundedCADI3GL4.jpg) no-repeat; width: 126px; height:31px;}
div#groupnavcontainer div.groupcategory span{ margin: 5px 15px 5px 15px; display:inline-block; height:21px; line-height:21px; white-space:nowrap;word-break: keep-all;}
div#groupnavcontainer div.group { font-size: 14px; margin: 5px 0px 5px 20px; display: block; overflow: hidden; }
div#groupnavcontainer div.group a { display: inline-block; }
div#kpilistcontent { overflow: auto; }

.jqx-splitter-splitbar-vertical { border: 1px solid transparent; border-top-width: 0px; border-bottom-width: 0px; cursor: e-resize; cursor: col-resize; position: absolute; }
.jqx-fill-state-normal { -ms-touch-action: none; line-height: 1.231; font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #FF9A00; background: #f9f9f9; }
.jqx-splitter-splitbar-collapsed { cursor: default; }
.jqx-fill-state-pressed { }
.jqx-splitter-collapse-button-vertical { cursor: pointer; width: 5px; height: 45px; border-color: #999; background: #FF9A00 url(../../images/splitter.png) 0px 0px no-repeat; }
.jqx-splitter-collapse-button-vertical-collapsed { cursor: pointer; width: 5px; height: 45px; border-color: #999; background: #FF9A00 url(../../images/splitter.png) -4px -0px no-repeat; }
.jqx-splitter { overflow: hidden; border: 1px solid transparent; position: relative; }
.jqx-splitter-splitbar-hover { background-color: transparent; }
.jqx-splitter-splitbar-horizontal { position: absolute; border: 1px solid transparent; border-left-width: 0px; border-right-width: 0px; cursor: n-resize; cursor: row-resize; }
.jqx-splitter-splitbar-invalid { background: #FF0000 !important; }
.jqx-splitter-collapse-button-horizontal { cursor: pointer; width: 45px; height: 5px; }
.jqx-splitter-panel { border: none; outline: none; position: absolute; overflow: hidden; }
.jqx-splitter-nested, .jqx-splitter-panel-nested { border: none; overflow: hidden; }

/* mail element */
.loading { background: url(../../images/ico_loading.gif) no-repeat; display: none; width: 16px; height: 16px; margin: 0px 0px 0px 10px; }
div#mail_writemailpage { margin: 10px 0px; }
div#mail_writemailpage div.writemail_recievercontainer { width: 300px; float: left; background-color: #f2f3f5; overflow: hidden; }
div.writemail_recievercontainer_header { font-size: 18px; margin: 10px auto 0px 10px; color: #FF9A00; }
div.groupusercontainer { margin: 10px 10px 0px 10px; overflow: auto; }
div.groupusercontainer div.groupsincategory{ margin: 10px 0px 5px 0px; }
div.groupusercontainer div.groupcategory { display:inline-block; font-size: 16px; font-weight: bold; cursor: pointer; margin: 0px 0px 0px 10px; background-color:#fff; color:#fff; background: url(JUI/images/roundedCADI3GL4.jpg) no-repeat; width: 126px; height:31px;}
div.groupusercontainer div.groupcategory span { margin: 5px 15px 4px 15px; display:inline-block; white-space:nowrap;word-break: keep-all;}
div.groupusercontainer div.groupitem { margin: 0px 5px 2px 0px; }
div.groupusercontainer div.groupitem div.groupnode { cursor: pointer; line-height: 16px; font-size: 14px; color: #FF9A00; }
div.groupusercontainer div.groupitem div.groupnode span { margin: 3px 5px 3px 20px; display: inline-block; }
div.groupusercontainer div.groupitem div.groupnode_hover { background-color: #FF9A00; color: #fff; }
div#mail_writemailpage .writemail_mailcontent { width: 920px; float: left; margin: 0px 5px 0px 10px; }
div#mail_writemailpage .writemail_mailcontent div.onerow { margin-bottom: 10px; }
div#mail_writemailpage .writemail_mailcontent div input[type="text"] { font-size: 14px; padding: 3px; }
div#mail_writemailpage .writemail_mailcontent div label { font-size: 16px; }
div.writemail_recievercontainer_recievers { border: 1px solid #ccc; background-color: #fff; min-height: 28px; margin: 5px 10px 0px 0px; display: block; }
div.writemail_recievercontainer_recievers span.tip { display: inline-block; font-size: 14px; margin: 5px; }
div.writemail_recievercontainer_recievers div.selectedgroupcontainer { display: inline-block; margin: 5px; background-color: #FF9A00; color: #fff; font-size: 14px; cursor: pointer;border-radius: 5px; }
div.writemail_recievercontainer_recievers div.selectedgroupcontainer span { margin: 3px 5px; display: inline-block; }
div.maildetail_content { margin: 5px 20px; }
div.maildetail_content div.subject { font-size: 16px; font-weight: bold; letter-spacing: 1px; }
div.maildetail_content div.sendoption { font-size: 14px; margin: 5px 5px; }
div.maildetail_content div.attfiles { font-size: 14px; }
div.maildetail_content div.mailcontent { word-break: break-all; word-wrap: break-word; margin: 20px 15px; }
.mailatticon { background: transparent url(../../images/strip_metro5.png) -96px -144px no-repeat; display: inline; margin-top: 2px; }
